<div class="demo-ripple">
  <section>
    <mat-checkbox [(ngModel)]="disableButtonRipples">Disable button ripples</mat-checkbox>
    <button matButton [disableRipple]="disableButtonRipples">flat</button>
    <button matButton="elevated" [disableRipple]="disableButtonRipples">raised</button>
    <button matFab [disableRipple]="disableButtonRipples">
      <mat-icon>check</mat-icon>
    </button>
    <button matMiniFab [disableRipple]="disableButtonRipples">
      <mat-icon>check</mat-icon>
    </button>
  </section>

  <hr>

  <h3>Ripple overview example</h3>
  <ripple-overview-example></ripple-overview-example>
</div>
